<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1, minimum-scale=1, user-scalable=no,uc-fitscreen=yes">
		<title>{$client.company_name|default=''}</title>
		<link rel="stylesheet" href="/public/static/mobile/css/viewer.css" />
        <link rel="stylesheet" href="/public/static/mobile/css/base.css" />
		<link rel="stylesheet" href="/public/static/mobile/css/popup.css" />
		<link rel="stylesheet" href="/public/static/mobile/css/footer.css" />
		<script type="text/javascript" src="/public/static/mobile/js/viewer.js" ></script>
		<script src="/public/static/mobile/js/vue.js"></script>
		<script src="/public/static/mobile/js/vue-resource.min.js"></script>
		<script type="text/javascript" src="/public/static/mobile/js/page.js" ></script>
		<script src="/public/static/mobile/js/axios.min.js"></script>
		<style type="text/css">
			html{font-size:16px;}

			
			.textLogo{
				width: 3.8rem;
				height: auto;
				text-align: center;
				margin: auto;
				padding-top: 3.1rem;
				box-sizing: border-box;
			}
			.imgs{
				width: 100%;
				height: auto;
			}

			.loaddingBox{
				width: 100%;
				height: 100%;
				position: fixed;
				top: 0;
				left: 0;
				background-color: #fff;
				z-index: 10;
			}
			
			
			
			
			.mainPage{
				width: 100%;
				height: auto;
			}
			.mainPage .bgBox{
				width: 100%;
				height: 100%;
				background-color: #1B1464;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 4;
				background-image: linear-gradient({$client.bg_color1}, {$client.bg_color2});
			}
			.mainPage .contentBoxs{
				width: 100%;
				height: auto;
				position: relative;
				z-index: 5;
				padding: 10px 20px;
				box-sizing: border-box;
			}
			.mainPage .contentBoxs .logoBoxs{
				width: 2rem;
				height: auto;
				margin: auto;
			}
			
			.mainPage .contentBoxs .centerBox{
				width: 100%;
				height: auto;
			}
			.mainPage .contentBoxs .centerBox .btns{
				width: 100%;
				height: 80px;
				line-height:80px;
				background-color: #F2F2F2;
				border-radius: 20px;
				margin-top: 40px;
				position: relative;
				font-size: 0.48rem;
				text-align: center;
				letter-spacing: 5px;
				font-weight: bold;
			}
			.mainPage .contentBoxs .centerBox .btns.disable{
				background-color: #bbb;
			}
			.mainPage .contentBoxs .centerBox .btns .iconBox{
				width: 18px;
				height: 100%;
				display: flex;
				align-items: center;
				position: absolute;
				top: 0;
				right: 25px;
			}

			.mainPage .contentBoxs .boxs1{
				width: 100%;
				height: auto;
				background-color: #fff;
				border-radius: 10px;
				height: auto;
				margin-top: 10px;
				padding-bottom: 0.8rem;
			}
			.mainPage .contentBoxs .boxs1 .titleBoxs{
				width: 100%;
				height: 1.3rem;
				line-height: 1.3rem;
				font-size: 0.5rem;
				color: #2E3192;
				text-align: center;
				letter-spacing: 4px;
				position: relative;
			}
			.mainPage .contentBoxs .boxs1 .titleBoxs:after{
				content: "";
				width: 76%;
				height: 1px;
				position: absolute;
				left: 13%;
				bottom: 0;
				background-color: #E6E6E6;
			}
			.mainPage .contentBoxs .boxs1 .centerBoxs{
				width: 76%;
				height: auto;
				box-sizing: border-box;
				margin: auto;
				padding: 20px 0;
			}
			.mainPage .contentBoxs .boxs1 .centerBoxs .rows{
				width: 100%;
				height: auto;
				padding: 8px 0;
			}
			.mainPage .contentBoxs .boxs1 .centerBoxs .rows .lab{
				width: 100%;
				height: auto;
				font-size: 0.34rem;
				color: #000000;
				font-weight: bold;
				display: flex;
				height: 0.5rem;
				line-height: 0.5rem;
			}
			.mainPage .contentBoxs .boxs1 .centerBoxs .rows .lab .tt{
				flex: none;
			}
			.mainPage .contentBoxs .boxs1 .centerBoxs .rows .lab .addBtn{
				flex: none;
				font-weight: normal;
				padding: 0 10px;
				box-sizing: border-box;
				margin-left: 15px;
				background-color: #fff;
				box-shadow: 0 0 0.34rem 0px rgba(57,75,173,0.3) inset; 
				border-radius: 3px;
				font-size: 0.28rem;
				color: #394b8f;
			}	
			.mainPage .contentBoxs .boxs1 .centerBoxs .rows .val{
				font-size: 0.28rem;
				color: #666666;
				padding: 4px 0;
			}
			.mainPage .contentBoxs .boxs1 .centerBoxs .rows .listsBoxs{
				width: 100%;
				height: auto;
			}
			.mainPage .contentBoxs .boxs1 .centerBoxs .rows .listsBoxs .lists{
				width: 100%;
				height: auto;
				display: flex;
				border: 1px solid #ccc;
				box-sizing: border-box;
				margin-top: 0.25rem;
			}
			.mainPage .contentBoxs .boxs1 .centerBoxs .rows .listsBoxs .lists .leftT{
				font-size: 0.32rem;
				flex: 1;
				line-height: 0.7rem;
				padding-left: 5px;
				box-sizing: border-box;
			}
			.mainPage .contentBoxs .boxs1 .centerBoxs .rows .listsBoxs .lists .rihgtT{
				font-size: 0.32rem;
				flex: none;
				background-color: #394B8F;
				height: 0.7rem;
				line-height: 0.7rem;
				color: #fff;
				padding: 0 0.2rem;
				letter-spacing: 0.07rem;
			}
			
			
			
			.headGoBackBox{
				width: 100%;
				height: 44px;
				line-height: 44px;
				display: flex;
				position: relative;
			}
			.headGoBackBox .backBtn{
				width: auto;
				height: 100%;
				font-size: 0.28rem;
				flex: none;
				padding-right: 10px;
				position: relative;
				z-index: 5;
			}
			.headGoBackBox .backBtn .goBackI{
				float: left;
				height: 100%;
				width: 0.3rem;
				display: flex;
				align-items: center;
			}
			.headGoBackBox .backBtn .goBackI>img{
				align-items: center;
			}
			.headGoBackBox .backBtn .goBackT{
				float: left;
				color: #515151;
				padding-left: 0.02rem;
			}
			.headGoBackBox .refresh{
				flex: none;
				font-size: 0.28rem;
				color: #515151;
			}
			.headGoBackBox .headTitle{
				position: absolute;
				width: 100%;
				height: 100%;
				display: flex;
				align-items: center;
				text-align: center;
				font-size: 0.32rem;
				justify-content: center;
				z-index: 2;
			}
			
			
			
		</style>
	</head>
	<body >